<!DOCTYPE html>
<script src="../js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/easyui/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/ztree/jquery.ztree.all-3.5.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="../js/easyui/themes/icon.css" />
<link rel="stylesheet" type="text/css" href="../js/ztree/zTreeStyle.css" />
<script type="text/javascript">
	$(function() {
		$("#tt").tabs({
			onContextMenu: function(e, title, index) {
				//阻止默认右键菜单显示
				e.preventDefault();
				$("#mm").menu('show', {
					left: e.pageX,
					top: e.pageY
				});
			}
		});
	});
</script>

<head>
	<meta charset="UTF-8">
	<title></title>
</head>

<body>
	<div id="tt" class="easyui-tabs" style="width:500px;height:250px;">

		<div title="Tab1" style="padding:20px;display:none;">tab1 </div>

		<div title="Tab2" data-options="closable:true" style="overflow:auto;padding:20px;display:none;">tab2 </div>

		<div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px;display:none;">tab3 </div>

	</div>

	<div id="mm" class="easyui-menu" style="width:120px;">
	
		<div>关闭当前</div>
		<div>关闭其他</div>
		<div class="menu-sep"></div>
		<!--分隔线-->
		<div>关闭所有</div>

	</div>
</body>

</html>